body{background:0 0;display:flex;flex-direction:row-reverse}.fab,.share,.share:after,.share:before{height:40px;width:40px;border-radius:50%;position:absolute;cursor:pointer}.share{position:relative;display:flex;justify-content:center;align-items:center}.safari .share{margin-right:.6em}.share:after,.share:before{content:'';will-change:transform}.share:before{z-index:5;transition:.3s}.share:after{background:0 0;z-index:-1;transition:.39s}.fa{color:#000}.fa:hover{color:#000!important}.share.active:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fab{box-shadow:0 2px 5px rgba(0,0,0,.3);transition:.3s;-webkit-animation:.3s down forwards;animation:.3s down forwards;opacity:0;will-change:animation}.share.active>i{display:none}.fab:nth-child(2){top:50px;right:90px}.fab:nth-child(3){top:50px;right:40px}.fab.active{-webkit-animation:.48s up forwards;animation:.48s up forwards}.fab.active:nth-child(2){-webkit-animation-delay:.39s;animation-delay:.39s}.fab.active:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.fab.no{-webkit-animation:none;animation:none}@-webkit-keyframes up{50%{-webkit-transform:translateY(-170%);transform:translateY(-170%)}100%{opacity:1;-webkit-transform:translateY(-130%);transform:translateY(-130%)}}@keyframes up{50%{-webkit-transform:translateY(-170%);transform:translateY(-170%)}100%{opacity:1;-webkit-transform:translateY(-130%);transform:translateY(-130%)}}@-webkit-keyframes down{0%{opacity:1;-webkit-transform:translateY(-130%);transform:translateY(-130%)}100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);top:0}}@keyframes down{0%{opacity:1;-webkit-transform:translateY(-130%);transform:translateY(-130%)}100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);top:0}}